<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>axios基本使用</title>
</head>

<body>
    <button class="get">get请求</button>
    <button class="post">post请求</button>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        // 接口1: 随机笑话
        // 请求地址: https: //autumnfish.cn/api/joke/list
        //     请求方法: get
        // 请求参数: num(笑话条数, 数字)
        // 响应内容: 随机笑话

        document.querySelector(".get").onclick = function() {
            axios.get("https://autumnfish.cn/api/joke/list?num=6").then(function(response) {
                console.log(response);
            }, function(err) {
                console.log(err);
            })
        }

        // 接口2: 用户注册
        // 请求地址: https: //autumnfish.cn/api/user/reg
        // 请求方法: post
        // 请求参数: username(用户名, 字符串)
        // 响应内容: 注册成功或失败

        document.querySelector(".post").onclick = function() {
            axios.post("https://autumnfish.cn/api/user/reg123", {
                usernmae: "123"
            }).then(function(response) {
                console.log(response);
            }, function(err) {
                console.log(err);
            });
        }
    </script>
</body>

</html>